<template>
  <div id="app">
    <Header></Header>
    <Banner/>
    <Manu/>
    <div style="width: 1152px;margin: 0 auto;">
      <router-view :key="$route.fullPath"></router-view>
    </div>

  </div>
</template>

<script>
import Header from './components/Header'
import Banner from "@/components/Banner";
import Manu from "@/components/Manu";

export default {
  name: 'App',
  components: {
    Header,
    Banner,
    Manu,
  },
  created() {
    this.$store.dispatch('getBaseImgUrl')

  }
}
</script>

<style scoped>
#app {
  overflow: hidden;
  background-color: #f7f7f7;
  /*background-color:white;*/
}

#app > div:nth-child(4) {
  /*height: 125em;*/
}
</style>
